html {-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}

body {max-width: 750px;min-height: 100%;min-width: 320px;margin: 0 auto;color: #666666;background-color: #f3f3f3;
  -webkit-overflow-scrolling: touch;font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;font-size: 12px;}

* {-webkit-box-sizing: border-box;box-sizing: border-box;touch-action: manipulation}

h1, h2, h3, h4, h5, form, p, ul, input {margin: 0;padding: 0;}

input[type=button], input[type=submit] {
  -webkit-appearance: none;
  outline: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

li {padding: 0;margin: 0;line-height: 180%;list-style-type: none;}

u {text-decoration: none;}

:focus {outline: 0}

.substring {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.substring2 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2; }

.nowrap {white-space: nowrap;}

.clear:after,
.clear:before {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

.absolute_for_x {transform: translate(-50%, 0)}

.absolute_for_y {transform: translate(0, -50%)}

.absolute_for {transform: translate(-50%, -50%)}